/*******************************************************************************
 * Copyright (c) 2010, 2013 EclipseSource and others.
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the Eclipse Public License v1.0
 * which accompanies this distribution, and is available at
 * http://www.eclipse.org/legal/epl-v10.html
 *
 * Contributors:
 *    EclipseSource - initial API and implementation
 ******************************************************************************/

/* Test values for Business theme */

/* PUSH and TOGGLE buttons */

Button[PUSH], Button[TOGGLE] {
  font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: white;
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #ffffff )
  );
  background-repeat: repeat;
  background-position: left top;
  border: 1px solid #a4a4a4;
  border-radius: 3px;
  cursor: pointer;
  padding: 2px 5px 2px 5px;
  animation: hoverOut 500ms ease-out;
  opacity: 1;
  text-decoration: none;
  box-shadow: none;
}

Button[ARROW] {
  font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: white;
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #ffffff )
  );
  background-repeat: repeat;
  background-position: left top;
  border: 1px solid #a4a4a4;
  border-radius: 3px;
  cursor: pointer;
  padding: 4px;
  animation: hoverOut 500ms ease-out;
  opacity: 1;
}

Button[ARROW][BORDER], Button[PUSH][BORDER], Button[TOGGLE][BORDER] {
  color: #4a4a4a;
  background-color: white;
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #ffffff )
  );
  border: 1px solid #a4a4a4;
  border-radius: 3px;
}

Button[TOGGLE]:selected {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e0e0e0 ),
    color-stop( 30%, #f0f0f0 ),
    color-stop( 70%, #e0e0e0 ),
    to( #b0b0b0 )
  );
  opacity: 1;
}

Button[TOGGLE]:selected:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e0e0e0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #b0b0b0 )
  );
  opacity: 1;
}

Button[ARROW]:hover,
Button[PUSH]:hover,
Button[TOGGLE]:hover {
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #cccccc )
  );
  opacity: 1;
  text-decoration: none;
}

Button[ARROW]:pressed,
Button[PUSH]:pressed,
Button[TOGGLE]:pressed {
  background-image: gradient(
    linear, left top, left bottom,
    from( #e0e0e0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #b0b0b0 )
  );
  padding: 4px 5px 2px 7px;
  opacity: 1;
}

Button[ARROW]:disabled,
Button[PUSH]:disabled,
Button[TOGGLE]:disabled {
  background-image: gradient(
    linear, left top, left bottom,
    from( #ffffff ),
    color-stop( 48%, #f0f0f0 ),
    color-stop( 52%, #e0e0e0 ),
    to( #ffffff )
  );
  color: #cfcfcf;
  cursor: default;
  opacity: 1;
}

Button-FocusIndicator[ARROW],
Button-FocusIndicator[PUSH],
Button-FocusIndicator[TOGGLE] {
  background-color: transparent;
  border: 1px dotted #b8b8b8;
  margin: 2px;
  padding: 0px;
  opacity: 1.0;
}

/* CHECK and RADIO buttons */

Button[CHECK],
Button[RADIO] {
  font: 12px Verdana, "Lucida Sans", Arial, Helvetica, sans-serif;
  color: #4a4a4a;
  background-color: white;
  background-image: none;
  background-repeat: repeat;
  background-position: left top;
  border: none;
  cursor: default;
  padding: 4px 5px 4px 5px;
  animation: none;
  opacity: 1;
  text-decoration: none;
}

Button[CHECK][BORDER],
Button[RADIO][BORDER] {
  color: #4a4a4a;
  background-color: white;
  border: 1px solid #a4a4a4;
  border-radius: 3px;
}

Button[PUSH]:disabled,
Button[TOGGLE]:disabled {
  cursor: default;
  color: #cfcfcf;
}

Button-ArrowIcon[UP] {
  background-image: url( theme/resources/button/arrow-up.png );
}

Button-ArrowIcon[DOWN] {
  background-image: url( theme/resources/button/arrow-down.png );
}

Button-ArrowIcon[LEFT] {
  background-image: url( theme/resources/button/arrow-left.png );
}

Button-ArrowIcon[RIGHT] {
  background-image: url( theme/resources/button/arrow-right.png );
}

Button-FocusIndicator[RADIO],
Button-FocusIndicator[CHECK] {
  background-color: transparent;
  border: 1px dotted #b8b8b8;
  margin: 0px;
  padding: 2px 2px 2px 1px;
  opacity: 1.0;
}
